* {
  box-sizing: border-box;
  &::-webkit-scrollbar {
    display: none;
  }
}


input, textarea {
  outline: none;
}

.f_r {
  float: right;
}

.flex {
  display: flex;
}

.flex1 {
  flex: 1;
}

.flex-shrink {
  flex-shrink: 0;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}

.align-start {
  align-items: start;
}

.align-center {
  align-items: center;
}

.align-baseline {
  align-items: baseline;
}

.align-end {
  align-items: flex-end;
}

.align-stretch {
  align-items: stretch;
}

.w100 {
  width: 100%;
}

.rpx-w100 {
  width: var(--vwm);
  left: inherit
}

[v-cloak] {
  display: none;
}

.inline {
  display: inline-block;
}

.line20 {
  line-height: 40rpx;
}

.line25 {
  line-height: 50rpx;
}

.line30 {
  line-height: 60rpx;
}

.line40 {
  line-height: 80rpx;
}

.line45 {
  line-height: 90rpx;
}

.line50 {
  line-height: 100rpx;
}

.no-data {
  color: #ccc;
  text-align: center;
  line-height: 100rpx;
  width: 100%;
}

.no-select {
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.font12 {
  font-size: 24rpx
}

.font14 {
  font-size: 28rpx
}

.font16 {
  font-size: 32rpx
}

.font18 {
  font-size: 36rpx
}

.font22 {
  font-size: 44rpx
}

.font26 {
  font-size: 52rpx
}

.font28 {
  font-size: 56rpx
}

.font32 {
  font-size: 64rpx
}

.font34 {
  font-size: 68rpx
}

.font36 {
  font-size: 72rpx
}

.font38 {
  font-size: 76rpx
}

.text-start {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-end {
  text-align: right;
}

.text-light-blue {
  color: #35A8F1;
}

.text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text-white {
  color: white;
}

.text-black {
  color: #333;
}

.text-pink {
  color: #D52B91;
}

.text-yellow {
  color: #ECCE53;
}


.text-bold {
  font-weight: bold;
}

.text-green {
  color: #008000;
}

.text-light-green {
  color: #5ACA00;
}

.text-dark {
  color: #666;
}

.text-light {
  color: #999;
}

.radius2 {
  border-radius: 2rpx;
}

.radius3 {
  border-radius: 3rpx;
}

.radius5 {
  border-radius: 5rpx;
}

.radius50 {
  border-radius: 50%;
}

.pointer {
  cursor: pointer;
}

.container-border {
  border: solid 1rpx #EBEEF5;
}

.field-border {
  border: solid 1rpx #eee;
}

.field-border-d {
  border: solid 1rpx #ddd;
}

.bg-white {
  background-color: white;
}

.bg-purple {
  background-color: #3F51B5;
}

.bg-light-blue {
  background-color: #35A8F1;
}

.bg-red {
  background-color: #FF4848;
}

.bg-green {
  background-color: #008000;
}

.bg-light-green {
  background-color: #5ACA00;
}

.p0 {
  padding: 0;
}

.m_l5 {
  margin-left: 10rpx;
}

.m_l10 {
  margin-left: 20rpx;
}

.m_l15 {
  margin-left: 30rpx;
}

.m_l20 {
  margin-left: 40rpx;
}

.m_l25 {
  margin-left: 50rpx;
}

.m_r5 {
  margin-right: 10rpx;
}

.m_r10 {
  margin-right: 20rpx;
}

.m_r15 {
  margin-right: 30rpx;
}

.m_r20 {
  margin-right: 40rpx;
}

.m_r25 {
  margin-right: 50rpx;
}

.m_t2 {
  margin-top: 4rpx;
}

.m_t3 {
  margin-top: 6rpx;
}

.m_t4 {
  margin-top: 8rpx;
}

.m_t5 {
  margin-top: 10rpx;
}

.m_t10 {
  margin-top: 20rpx;
}

.m_t15 {
  margin-top: 30rpx;
}

.m_t20 {
  margin-top: 40rpx;
}

.m_t25 {
  margin-top: 50rpx;
}

.m_b5 {
  margin-bottom: 10rpx;
}

.m_b10 {
  margin-bottom: 20rpx;
}

.m_b15 {
  margin-bottom: 30rpx;
}

.m_b20 {
  margin-bottom: 40rpx;
}

.m_b25 {
  margin-bottom: 50rpx;
}

.p_t40 {
  padding-top: 80rpx;
}

.p_t46 {
  padding-top: 92rpx;
}

.p_b50 {
  padding-bottom: 100rpx;
}

.p_t5 {
  padding-top: 10rpx;
}

.p_t10 {
  padding-top: 20rpx;
}

.p_t15 {
  padding-top: 30rpx;
}

.p_t20 {
  padding-top: 40rpx;
}

.p_t25 {
  padding-top: 50rpx;
}

.p_b5 {
  padding-bottom: 10rpx;
}

.p_b10 {
  padding-bottom: 20rpx;
}

.p_b15 {
  padding-bottom: 30rpx;
}

.p_b20 {
  padding-bottom: 40rpx;
}

.p_b25 {
  padding-bottom: 50rpx;
}

.p_l5 {
  padding-left: 10rpx;
}

.p_l10 {
  padding-left: 20rpx;
}

.p_l15 {
  padding-left: 30rpx;
}

.p_l20 {
  padding-left: 40rpx;
}

.p_l25 {
  padding-left: 50rpx;
}

.p_r5 {
  padding-right: 10rpx;
}

.p_r10 {
  padding-right: 20rpx;
}

.p_r15 {
  padding-right: 30rpx;
}

.p_r20 {
  padding-right: 40rpx;
}

.p_r25 {
  padding-right: 50rpx;
}

.p_x0 {
  padding-left: 0;
  padding-right: 0;
}

.p_x1 {
  padding-left: 2rpx;
  padding-right: 2rpx;
}

.p_x2 {
  padding-left: 4rpx;
  padding-right: 4rpx;
}

.p_x3 {
  padding-left: 6rpx;
  padding-right: 6rpx;
}

.p_x4 {
  padding-left: 8rpx;
  padding-right: 8rpx;
}

.p_x5 {
  padding-left: 10rpx;
  padding-right: 10rpx;
}

.p_x10 {
  padding-left: 20rpx;
  padding-right: 20rpx;
}

.p_x15 {
  padding-left: 30rpx;
  padding-right: 30rpx;
}

.p_x20 {
  padding-left: 40rpx;
  padding-right: 50rpx;
}

.p_x25 {
  padding-left: 50rpx;
  padding-right: 50rpx;
}

.p_y5 {
  padding-top: 10rpx;
  padding-bottom: 10rpx;
}

.p_y10 {
  padding-top: 20rpx;
  padding-bottom: 20rpx;
}

.p_y15 {
  padding-top: 30rpx;
  padding-bottom: 30rpx;
}

.p_y20 {
  padding-top: 40rpx;
  padding-bottom: 40rpx;
}

.p_y25 {
  padding-top: 50rpx;
  padding-bottom: 50rpx;
}

.m_x1 {
  margin-left: 2rpx;
  margin-right: 2rpx;
}

.m_x2 {
  margin-left: 4rpx;
  margin-right: 2rpx;
}

.m_x5 {
  margin-left: 10rpx;
  margin-right: 10rpx;
}

.m_x10 {
  margin-left: 20rpx;
  margin-right: 20rpx;
}

.m_x15 {
  margin-left: 30rpx;
  margin-right: 30rpx;
}

.m_x20 {
  margin-left: 40rpx;
  margin-right: 40rpx;
}

.m_x25 {
  margin-left: 50rpx;
  margin-right: 50rpx;
}

.m_y2 {
  margin-top: 4rpx;
  margin-bottom: 4rpx;
}

.m_y5 {
  margin-top: 10rpx;
  margin-bottom: 10rpx;
}

.m_y10 {
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}

.m_y15 {
  margin-top: 30rpx;
  margin-bottom: 30rpx;
}

.m_y20 {
  margin-top: 40rpx;
  margin-bottom: 40rpx;
}

.m_y25 {
  margin-top: 50rpx;
  margin-bottom: 50rpx;
}
